@import "var.less";

#login{
	position: absolute;top:0;bottom:0;left:0;right:0;text-align: center;
	background-image:url(../images/login_bg.jpg);
	background-position:center;
	background-size: 100% 100%;
	.bg{position: absolute;top:0;bottom:0;left:0;right:0;background: rgba(0,0,0,.6)}
	.logo{
		position: absolute;top:8%;left:4%;
		img{width: 60px;vertical-align: middle;margin-right: 20px;}
		span{line-height: 60px;vertical-align: middle;font-size: 32px;color:rgba(255,255,255,.9);}
	}
	.login-text{
		position: absolute;left:4%;top: 50%;margin-top: -100px;width: 680px;
	}
	.content{
		width: 400px;;background:rgba(0,184,181,.77);padding:20px 40px 40px 40px;display: inline-block;position: absolute;
		top:50%;right: 4%;margin-top: -174px;
		border-radius: 10px;
		box-shadow: @shadow-base;
	
		

		.input-item{
			width: 100%;background: #fff;text-align: left;height: 36px;line-height: 36px;border-radius: 5px;
			margin-bottom: 10px;
			box-shadow: 0 2px 8px rgba(0,0,0,.4);

			i{font-size: 18px;position: absolute;top:10px;left:8px;color:#ccc;}
			input{border:0;outline: none;font-size: 14px;width: 100%;padding-left: 28px;border-radius: 5px;height: 100%;}
		}
		.ivu-form-item-error-tip{right: 10px;top:6px;left:auto;}
		.jzpwd{
			color:#104c53;text-align: left;margin-bottom: 30px;float: left;
		}

		h2{margin: 0 0 20px 0;font-weight:normal;color:#104c53;font-size: 30px;margin: 20px 0 30px 0;}

		.btns{
			width: 120px;float: right;
			button{background: #0c727e;border-color:#0c727e;border-radius: 5px;box-shadow: 0 2px 8px rgba(0,0,0,.4);}
			.ivu-icon{
				margin-left:5px;
			}
		}
		
	}
}